<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>流程页面模拟</title>
    <link rel="stylesheet" href="../../layui/css/layui.css">
</head>
<body layadmin-themealias="ocean" class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
    <div class="layui-header">
        <div class="layui-logo">流程页面模拟</div>
    </div>

    <div class="layui-body" style="background-color:#e7e7e8;left:0;padding:15px">
        <!-- 内容主体区域 -->

        <div class="layui-row layui-col-space10">
            <div class="layui-col-md2">
                <div class="layui-card">
                    <div class="layui-card-header"></div>
                    <div class="layui-card-body">
                        <a href="webFlowTest.html" target="_blank">接口API测试</a>
                    </div>
                </div>
            </div>
            <div class="layui-col-md10">
                <div class="layui-card">
                    <div class="layui-card-header">单据审批--<span id="flowName"></span></div>
                    <div class="layui-card-body">
                        <form class="layui-form" lay-filter="FlowTestForm">
                            <input type="hidden" name="subKeyUnid" placeholder="子流程关联Id">
                            <input type="hidden" name="appKeyId" placeholder="应用KeyId">
                            <input type="hidden" name="flowId" placeholder="流程Id">
                            <input type="hidden" name="stepId" placeholder="环节Id">
                            <input type="hidden" name="url" value="http://192.168.101.110:80/dev/Sys_WebService.nsf/FlowAction?OpenWebService" placeholder="当前用户工号">

                            <div class="layui-row layui-form-item" id="BtnGroup" style="display: none">
                                <div class="layui-col-lg6">
                                    <label class="layui-form-label">&nbsp;</label>
                                    <div class="layui-input-block">
                                        <button class="layui-btn layui-btn-sm" lay-submit lay-filter="submitFlow">
<!--                                            <i class="layui-icon layui-icon-edit"></i>-->
                                            提交流程
                                        </button>
                                        <button lay-filter="returnFlow" lay-submit id="btn_Return" style="display: none" class="layui-btn layui-btn-danger layui-btn-sm">退回流程</button>
                                    </div>
                                </div>
                            </div>

                            <div id="subFlowId"></div>
                            <div class="layui-row layui-form-item" style="display: none">
                                <div class="layui-col-lg6">
                                    <label class="layui-form-label">申请人：</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="applyer" value="100010" placeholder="请输入标题"
                                               autocomplete="off" class="layui-input">
                                    </div>
                                </div>
                                <div class="layui-col-lg6">
                                    <label class="layui-form-label">起草人：</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="creater" value="100010" placeholder="请输入标题"
                                               autocomplete="off" class="layui-input">
                                    </div>
                                </div>
                            </div>

                            <div class="layui-row layui-form-item">
                                <div class="layui-col-lg6">
                                    <label class="layui-form-label">单据关联：</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="keyUnid" class="layui-input" value="" placeholder="单据关联">
                                    </div>
                                </div>
                                <div class="layui-col-lg6">
                                    <label class="layui-form-label">当前用户：</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="actionUser" class="layui-input" value="100010" placeholder="当前用户工号">
                                    </div>
                                </div>
                            </div>
                            <div class="layui-row layui-form-item">
                                <div class="layui-col-lg6">
                                    <label class="layui-form-label">申请人：</label>
                                    <div class="layui-input-block">
                                        <span class="layui-form-mid" id="ApplyerTitle"></span>
                                    </div>
                                </div>
                                <div class="layui-col-lg6">
                                    <label class="layui-form-label">起草人：</label>
                                    <div class="layui-input-block">
                                        <span class="layui-form-mid" id="CreaterTitle"></span>
                                    </div>
                                </div>
                            </div>
                            <div class="layui-row layui-form-item">
                                <div class="layui-col-lg6">
                                    <label class="layui-form-label">流程状态：</label>
                                    <div class="layui-input-block">
                                        <span class="layui-form-mid" id="FlowStatusTitle"></span>
                                    </div>
                                </div>
                                <div class="layui-col-lg6">
                                    <label class="layui-form-label">审批状态：</label>
                                    <div class="layui-input-block">
                                        <span class="layui-form-mid" id="ApprovalTypeTitle"></span>
                                    </div>
                                </div>
                            </div>

                            <div class="layui-row layui-form-item">
                                <div class="layui-col-lg6">
                                    <label class="layui-form-label">单据号：</label>
                                    <div class="layui-input-block">
                                        <span class="layui-form-mid" id="flowNo"></span>
                                    </div>
                                </div>
                                <div class="layui-col-lg6">
                                    <label class="layui-form-label">起草时间：</label>
                                    <div class="layui-input-block">
                                        <span class="layui-form-mid" id="sysAddTime"></span>
                                    </div>
                                </div>
                            </div>
                            <div class="layui-row layui-form-item">
                                <div class="layui-col-lg6">
                                    <label class="layui-form-label">当前环节：</label>
                                    <div class="layui-input-block">
                                        <span class="layui-form-mid" id="stepName"></span>
                                    </div>
                                </div>
                                <div class="layui-col-lg6">
                                    <label class="layui-form-label">办理人：</label>
                                    <div class="layui-input-block">
                                        <span class="layui-form-mid" id="ApproverName"></span>
                                    </div>
                                </div>
                            </div>
                            <fieldset class="layui-elem-field layui-field-title" style="margin-top: 10px;">
                                <legend>办理意见</legend>
                            </fieldset>

                            <div id="OpinionsShow"></div>

                        </form>

                    </div>
                </div>
            </div>
        </div>

    </div>

    <div class="layui-footer" style="background-color:#fff;left:0">
        <!-- 底部固定区域 -->
        © layui.com - 底部固定区域
    </div>
</div>
<script src="../../layui/layui.js"></script>
<script src="../js/flowData.js"></script>
</body>
</html>